<template>
  <a-row>
    <a-col :span="24" class='notfound-content'>
      <icon-font class="icon-404" type="icon-404" />
      <h1>Opps!! You visited does not exist.</h1>
    </a-col>
  </a-row>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import IconFont from '../icon';


export default defineComponent({
  components: {
    IconFont,
  }
})
</script>

<style lang="less" scoped>
.notfound-content {
  text-align: center;
  h1 {
    font-size: 24px;
  }
  .icon-404{
    font-size: 128px;
  }
}
</style>